<!--项目投入明细-->
<template>
<div>
  <el-card class="box-card">
    <div slot="header">
      <span class="header">项目投入明细</span>
    </div>
    <el-table
      :data="tableData"
      border
      row-key="id"
      style="width: 100%"
      default-expand-all
      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
    >
      <el-table-column
        prop="id"
        label="序号"
      >
      </el-table-column>
      <el-table-column
        prop="text"
        label="建设内容"
      >
      </el-table-column>
      <el-table-column
        prop="unit"
        label="单位"
      >
      </el-table-column>
      <el-table-column
        prop="number"
        label="数量"
      >
      </el-table-column>
      <el-table-column
        prop="price"
        label="单价(元)"
      >
      </el-table-column>
      <el-table-column
        prop="fee"
        label="金额(元)"
      >
      </el-table-column>
      <el-table-column
        prop="ant"
        label="蚂蚁森林投入(元)"
        width="80"
      >
      </el-table-column>
      <el-table-column
        prop="remark"
        label="备注"
      >
      </el-table-column>
    </el-table>
  </el-card>
</div>
</template>

<script>
export default {
  name: 'investmentDetails',
  data(){
    return{
      tableData: [
        {
          id: '1',
          text: '人工造林',
          unit: '',
          number: '',
          price: '',
          fee: '3768850',
          ant: '3768850',
          remark: '',
          children: [
            {
              id: '01',
              text: '苗木费',
              unit: '株',
              number: '2000000',
              price: '0.15',
              fee: '300000',
              ant: '300000',
              remark: '每穴2株'
            }, {
              id: '02',
              text: '整地费',
              unit: '亩',
              number: '9010',
              price: '115',
              fee: '1036150',
              ant: '1036150',
              remark: ''
            },
            {
              id: '03',
              text: '栽植费',
              unit: '亩',
              number: '9010',
              price: '95',
              fee: '855950',
              ant: '855950',
              remark: ''
            },
            {
              id: '04',
              text: '抚育费',
              unit: '亩',
              number: '9010',
              price: '28',
              fee: '252280',
              ant: '252280',
              remark: ''
            },
            {
              id: '05',
              text: '管护费',
              unit: '亩',
              number: '9010',
              price: '27',
              fee: '243270',
              ant: '243270',
              remark: '9元/亩'
            },
            {
              id: '06',
              text: '人工造林',
              unit: '亩',
              number: '9010',
              price: '120',
              fee: '1081200',
              ant: '1081200',
              remark: ''
            }
          ]
        },
        {
          id: '2',
          text: '网围栏',
          unit: '米',
          number: '3000',
          price: '15.31',
          fee: '459400',
          ant: '459400',
          remark: '包括网围栏、围栏柱、安装费、运费'
        },
        {
          id: '3',
          text: '标示牌费',
          unit: '个',
          number: '2',
          price: '2000',
          fee: '4000',
          ant: '4000',
          remark: '包括材料费、运费、安装费'
        },
        {
          id: '4',
          text: '设计费',
          unit: '项',
          number: '',
          price: '',
          fee: '42750',
          ant: '42750',
          remark: '总投资的1%'
        },
        {
          id: '5',
          text: '总计',
          unit: '',
          number: '',
          price: '',
          fee: '4275000',
          ant: '4275000',
          remark: ''
        }
      ]
    }
  }
}
</script>

<style scoped lang="scss">
.box-card{
  height: 790px;
  overflow-y: auto;
}
.header {
  color: #11A983;
}
</style>
